<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购</title>
    <meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
    <link rel="shortcut icon" href="images/pin.ico" />
  <link rel="stylesheet" href="css/base.css"/>
  <link rel="stylesheet" href="css/index.css"/>
  <link rel="stylesheet" href="css/common.css"/>
  <script src="js/jQuery.js"></script>
  <script src="js/common.js"></script>
  <script src="js/demo.js"></script>
  <script src="js/JQindex.js"></script>
  <script src='js/animate.js'></script>
  <script src="js/lbt.js"></script>
</head>
<body>
    <div class="moment_qi">
    <!-- 快捷导航模块 -->
    <div class="shortcut">
        <div class="w">
        <div class="fl">
        <ul>
            <li>品优购欢迎您！</li>
            <li><a href="Signin/index.html" class="link-login">请登录&nbsp;&nbsp;</a></li>
            <li><a href="register.html" class="style_red">免费注册</a></li>
        </ul>
        </div>
        <div class="fr">
            <ul>
                <li><a href="#">我的订单</a></li>
                <li class="spacer"></li>
                <li class="sum-hd" ><a href="#">我的品优购<b></b></a>
                <div class="sum-bd">
                    <a href="#">已买到宝贝</a>
                    <a href="#">以卖出宝贝</a>
                </div></li>
                <li class="dropdow1"></li>
                <li class="spacer"></li>
                <li><a href="#">品优购会员</a></li>
                <li class="spacer"></li>
                <li><a href="#">企业采购</a></li>
                <li class="spacer"></li>
                <li ><a href="#" class="dropdow">关注品优购</a></li>
                <li class="spacer"></li>
                <li ><a href="#" class="dropdow">客户服务</a></li>
                <li class="spacer"></li>
                <li class="sum-hd"><a href="#" >网站导航<b></b></a>
                <div class="sum-bd"><a href="#">待开发</a></div></li>
            </ul>
        </div>
        </div>
    </div>
    <!-- 快捷导航结束 -->
    <div class="header">
        <div class="w">
            <div class="logo">
                <h1><a href="index.html">品优购商场</a></h1>
            </div>
            <div class="search">
                <input type="text" name="" id="" placeholder="语言开发"/>
                <button>搜索</button>
            </div>
            <div class="hotwords">
                <a href="#" class="style_red">优惠购首发</a>
                <a href="#">亿元优惠</a>
                <a href="#">9.9元团购</a>
                <a href="#">美满99减30</a>
                <a href="#">办公用品</a>
                <a href="#">电脑</a>
                <a href="#">通信</a>                         
            </div>
            <div class="shopcar">
                <i class="counts">8</i>
                <a href="html/Shopping.html">我的购物车</a>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- nav 模块制作 -->
    <div class="nav">
        <div class="w">
            <div class="whole fl">
                <div class="dt">全部商品分类</div>
                </dvi>
            </div>
            <div class="navitems fl">	<ul>
                <li><a href="#">服装城</a></li>
                <li><a href="#">美妆馆</a></li>
                <li><a href="#">传智超市</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">有趣</a></li>
            </ul> </div>
        </div>
    </div>
    <!-- nav 模块制作结束 -->
    <div class="zhuti">
        <div class="w">
            <div class="zhuti_left">
                <ul>
                    <li><a href="list.html">家用电器</a>    </li>
                    <li>
                        <a href="#">手机、</a>  
                        <a href="#">数码、</a>  
                        <a href="#">通信</a>      
                    </li>
                    <li><a href="#">电脑、办公</a>   </li>
                    <li><a href="#">家居、家具、家装、厨具</a>    </li>
                    <li><a href="#">男装、女装、童装、内衣</a>    </li>
                    <li><a href="#">个户化妆、清洁用品、宠物</a>    </li>
                    <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a>    </li>		
                    <li><a href="#">运动户外、钟表</a>    </li>
                    <li><a href="#">汽车、汽车用品</a>    </li>
                    <li><a href="#">母婴、玩具乐器</a>    </li>
                    <li><a href="#">食品、酒类、生鲜、特产</a>   </li>
                    <li><a href="#">医药保健</a>    </li>
                    <li><a href="#">图书、音像、电子书</a>    </li>
                    <li><a href="#">彩票、旅行、充值、票务</a>   </li>
                    <li><a href="#">理财、众筹、白条、保险</a>    </li>
                </ul>
            </div>
            <div class="nav_center">
                <div class="lbt_0">
                 <a href="javascript:;" class="slider_fl"><</a>
                    <ul class="focus">
                    <li ><a href="#" name="lbt1" ><img src="" class="image-item" lazyload="true" data-original="images/e.jpg" alt=""></a></li>
                    <li ><a href="#" name="lbt1" ><img src="" class="image-item" lazyload="true" data-original="images/a.webp" alt=""></a></li>
                    <li ><a href="#" name="lbt1" ><img src="" class="image-item" lazyload="true" data-original="images/b.webp" alt=""></a></li>
                    <li ><a href="#" name="lbt1" ><img src="" class="image-item" lazyload="true" data-original="images/c.webp" alt=""></a></li>
                    </ul>
               <a href="javascript:;" class="slider_fr">> </a>
                <ol class="lbt_1">
                </ol>
            </div>
            </div>
            <div class="nav_right">
                <div class="nav_right_00">
                <div class="nav_right_01">
                    <span>品优购快报 </span>
                    <i><a href="#">更多</a></i>
                </div>
                <div class="nav_right_02">
                    <ul>
                        <li><a href="#">【特惠】爆款耳机5折秒！爆款耳机5折秒！</a></li>
                        <li><a href="#">【特惠】母亲节，健康好礼低至5折！</a></li>
                        <li><a href="#">【特惠】爆款耳机5折秒！</a></li>
                        <li><a href="#">【特惠】9.9元洗100张照片！</a></li>
                        <li><a href="#">【特惠】长虹智能空调立省100000000000000</a></li>
                    </ul>                </div>
                    <div class="nav_right_03">
                        <ul>

                            <li><a href="#" class="shortcut1"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut2"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut3"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut4"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut5"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut6"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut7"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut8"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut9"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut10"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut11"><i></i><span>话费</span></a></li>
                            <li><a href="#" class="shortcut12"><i></i><span>话费</span></a></li>
                        </ul>
                    </div>
                    <div class="nav_right_04">
                        <ul class="tab_list">
                            <li><a>广告</a></li>
                            <li><a>新闻</a></li>
                        </ul>
                    </div>
                    <div class="tab_con">
                        <div class="item" style="display: block;"><img src="" class="image-item" lazyload="true" data-original="./images/bargain.jpg"></div>
                        <div class="item">哈哈2</div>
                    </div>
                  
            </div>
            </div>
        </div>
    </div>
    <!-- 主题结束 -->
    <!-- <script src="js/animate.js"></script> -->
    <!-- <script src="js/index.js"></script> -->
    <!-- 推广模块开始 -->
    <div class="recom">
        <div class="w">
            <div class="recom_dh">
                <img src="" class="image-item" lazyload="true" data-original="images/clock.png"/>
                <div class="recom-dh-time">
                <span class="hour"></span>
                <span class="minute"></span>
                <span class="second"></span></div>    
            </div>
            <div class="recom_dd">
               <ul>
                   <li><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic.png" ></a></li>
                   <li><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic.png" ></a></li>
                   <li><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic.png" ></a></li>
                   <li><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic.png" ></a></li>
               </ul>
            </div>
        </div>
    </div>
    <!-- 推广模块结束 -->
    <!--    楼层区 -->
<div class="floor">
    <!--  家用电器开始-->
    <div class="jiadian ">
    <div class="w">
        <div class="box-hd">
            <h5>家用电器</h5>
            <div class="tab-list">
                <ul>
                    <li><a href="#" class="style_red">热门</a> </li>
                    <li><i>&#xe680;</i><a href="#">大家电</a> </li>
                    <li><i>&#xe680;</i><a href="#">生活电器</a></li>
                    <li><i>&#xe680;</i><a href="#">厨房电器</a></li>
                    <li><i>&#xe680;</i><a href="#">个护健康</a></li>
                    <li><i>&#xe680;</i><a href="#">应季电器</a></li>
                    <li><i>&#xe680;</i><a href="#">空气/净水</a></li>
                    <li><i>&#xe680;</i><a href="#">新奇特</a></li>
                    <li><i>&#xe680;</i><a href="#">高端电器</a></li>
                </ul>
            </div>
        </div>
        <div class="box-bd ">
            <div class="box-bd-true ">
               <ul>
                   <li> <div class="box-bd-0  ">
                    <ul>
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">4K电视</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                        <li><a href="#">电热水器</a></li>
                    </ul>

                    <div><a><img src="" class="image-item" lazyload="true" data-original="images/floor-1-1.png" > </a></div>
                </div></li>
                   <li><div class="box-bd-1"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic1.png"></a></div></li>
                   <li><div class="box-bd-2"><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-2.png"></a>
                    <i></i><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-3.png"> </a></div></li>
                   <li><div class="box-bd-3"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-4.png"> </a></div></li>
                   <li><div class="box-bd-4"><a href="#"class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-5.png"></a>
                    <a href="#"class="dd" ><img src="" class="image-item" lazyload="true" data-original="images/floor-1-6.png" > </a></div></li>
               </ul>
            </div>
        </div>
    </div>
    </div>
    <div class="shouji  ">
        <div class="w" >
            <div class="box-hd">
                <h5>手机通讯</h5>
                <div class="tab-list">
                    <ul>
                        <li><a href="#" class="style_red">热门</a> </li>
                        <li><i>&#xe680;</i><a href="#">大家电</a> </li>
                        <li><i>&#xe680;</i><a href="#">生活电器</a></li>
                        <li><i>&#xe680;</i><a href="#">厨房电器</a></li>
                        <li><i>&#xe680;</i><a href="#">个护健康</a></li>
                        <li><i>&#xe680;</i><a href="#">应季电器</a></li>
                        <li><i>&#xe680;</i><a href="#">空气/净水</a></li>
                        <li><i>&#xe680;</i><a href="#">新奇特</a></li>
                        <li><i>&#xe680;</i><a href="#">高端电器</a></li>
                    </ul>
                </div>
            </div>
            <div class="box-bd w ">
                <div class="box-bd-true ">
                   <ul>
                       <li> <div class="box-bd-0  ">
                        <ul>
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">电热水器</a></li>
                        </ul>
    
                        <div><a><img src="" class="image-item" lazyload="true" data-original="images/floor-1-1.png" > </a></div>
                    </div></li>
                       <li><div class="box-bd-1"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic1.png"></a></div></li>
                       <li><div class="box-bd-2"><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-2.png"></a>
                        <i></i><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-3.png"> </a></div></li>
                       <li><div class="box-bd-3"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-4.png"> </a></div></li>
                       <li><div class="box-bd-4"><a href="#"class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-5.png"></a>
                        <a href="#"class="dd" ><img src="" class="image-item" lazyload="true" data-original="images/floor-1-6.png" > </a></div></li>
                   </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="diannao ">
        <div  class="w">
            <div class="box-hd">
                <h5>电脑、办公</h5>
                <div class="tab-list">
                    <ul>
                        <li><a href="#" class="style_red">热门</a> </li>
                        <li><i>&#xe680;</i><a href="#">大家电</a> </li>
                        <li><i>&#xe680;</i><a href="#">生活电器</a></li>
                        <li><i>&#xe680;</i><a href="#">厨房电器</a></li>
                        <li><i>&#xe680;</i><a href="#">个护健康</a></li>
                        <li><i>&#xe680;</i><a href="#">应季电器</a></li>
                        <li><i>&#xe680;</i><a href="#">空气/净水</a></li>
                        <li><i>&#xe680;</i><a href="#">新奇特</a></li>
                        <li><i>&#xe680;</i><a href="#">高端电器</a></li>
                    </ul>
                </div>
            </div>
            <div class="box-bd w ">
                <div class="box-bd-true ">
                   <ul>
                       <li> <div class="box-bd-0  ">
                        <ul>
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">电热水器</a></li>
                        </ul>
    
                        <div><a><img src="" class="image-item" lazyload="true" data-original="images/floor-1-1.png" > </a></div>
                    </div></li>
                       <li><div class="box-bd-1"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic1.png"></a></div></li>
                       <li><div class="box-bd-2"><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-2.png"></a>
                        <i></i><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-3.png"> </a></div></li>
                       <li><div class="box-bd-3"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-4.png"> </a></div></li>
                       <li><div class="box-bd-4"><a href="#"class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-5.png"></a>
                        <a href="#"class="dd" ><img src="" class="image-item" lazyload="true" data-original="images/floor-1-6.png" > </a></div></li>
                   </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="jiaju ">
            <div  class="w">
                <div class="box-hd">
                    <h5>精品家具</h5>
                    <div class="tab-list">
                        <ul>
                            <li><a href="#" class="style_red">热门</a> </li>
                            <li><i>&#xe680;</i><a href="#">大家电</a> </li>
                            <li><i>&#xe680;</i><a href="#">生活电器</a></li>
                            <li><i>&#xe680;</i><a href="#">厨房电器</a></li>
                            <li><i>&#xe680;</i><a href="#">个护健康</a></li>
                            <li><i>&#xe680;</i><a href="#">应季电器</a></li>
                            <li><i>&#xe680;</i><a href="#">空气/净水</a></li>
                            <li><i>&#xe680;</i><a href="#">新奇特</a></li>
                            <li><i>&#xe680;</i><a href="#">高端电器</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd w ">
                    <div class="box-bd-true ">
                       <ul>
                           <li> <div class="box-bd-0  ">
                            <ul>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">4K电视</a></li>
                                <li><a href="#">空气净化器</a></li>
                                <li><a href="#">IH电饭煲</a></li>
                                <li><a href="#">滚筒洗衣机</a></li>
                                <li><a href="#">电热水器</a></li>
                            </ul>
        
                            <div><a><img src="" class="image-item" lazyload="true" data-original="images/floor-1-1.png" > </a></div>
                        </div></li>
                           <li><div class="box-bd-1"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/pic1.png"></a></div></li>
                           <li><div class="box-bd-2"><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-2.png"></a>
                            <i></i><a href="#" class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-3.png"> </a></div></li>
                           <li><div class="box-bd-3"><a href="#"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-4.png"> </a></div></li>
                           <li><div class="box-bd-4"><a href="#"class="dd"><img src="" class="image-item" lazyload="true" data-original="images/floor-1-5.png"></a>
                            <a href="#"class="dd" ><img src="" class="image-item" lazyload="true" data-original="images/floor-1-6.png" > </a></div></li>
                       </ul>
                    </div>
                </div>
            </div>
    </div>
</div>
<!-- 家电结束 -->
  <!-- 固定定位 -->
  <div class="fixedtool">
    <ul>
        <li class="current">家用电器</li>
        <li >家用电器</li>
        <li>家用电器</li>
        <li>精品家具</li>
        <span id="Topback">顶部</span>
    </ul>
</div>
 <!-- 固定定位 -->
    <!-- 尾部开始 -->
    <div class="footer ">
        <div class="w">
            <div class="footer_00">
                <ul>
                    <li><h4></h4><div><h5>正品保障</h5><p>正品保障，提供发票</p></div></li>
                    <li><h4></h4><div><h5>正品保障</h5><p>正品保障，提供发票</p></div></li>
                    <li><h4></h4><div><h5>正品保障</h5><p>正品保障，提供发票</p></div></li>
                    <li><h4></h4><div><h5>正品保障</h5><p>正品保障，提供发票</p></div></li>
                    <li><h4></h4><div><h5>正品保障</h5><p>正品保障，提供发票</p></div></li>
                </ul>
            </div>
            <div class="footer_01">
                	<dl>
                    <dt>购物指南</dt>
                    <dd> <a href="#">购物流程 </a></dd>
                    <dd> <a href="#">会员介绍 </a></dd>
                    <dd> <a href="#">生活旅行/团购 </a></dd>
                    <dd> <a href="#">常见问题 </a></dd>
                    <dd> <a href="#">大家电 </a></dd>
                    <dd> <a href="#">联系客服 </a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd> <a href="#">购物流程 </a></dd>
                    <dd> <a href="#">会员介绍 </a></dd>
                    <dd> <a href="#">生活旅行/团购 </a></dd>
                    <dd> <a href="#">常见问题 </a></dd>
                    <dd> <a href="#">大家电 </a></dd>
                    <dd> <a href="#">联系客服 </a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd> <a href="#">购物流程 </a></dd>
                    <dd> <a href="#">会员介绍 </a></dd>
                    <dd> <a href="#">生活旅行/团购 </a></dd>
                    <dd> <a href="#">常见问题 </a></dd>
                    <dd> <a href="#">大家电 </a></dd>
                    <dd> <a href="#">联系客服 </a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd> <a href="#">购物流程 </a></dd>
                    <dd> <a href="#">会员介绍 </a></dd>
                    <dd> <a href="#">生活旅行/团购 </a></dd>
                    <dd> <a href="#">常见问题 </a></dd>
                    <dd> <a href="#">大家电 </a></dd>
                    <dd> <a href="#">联系客服 </a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd> <a href="#">购物流程 </a></dd>
                    <dd> <a href="#">会员介绍 </a></dd>
                    <dd> <a href="#">生活旅行/团购 </a></dd>
                    <dd> <a href="#">常见问题 </a></dd>
                    <dd> <a href="#">大家电 </a></dd>
                    <dd> <a href="#">联系客服 </a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd> 
                       <img src="" class="image-item" lazyload="true" data-original="images/gwc.png" alt="">
                       <p>品优购客户端</p>
                    </dd>	
                </dl></dh>
            </div>
            <div class="footer_02">
                <p class="footer_02_00">
                    <a href="">关于我们</a>
<i></i><a href="">联系我们</a>
<i></i><a href="">联系客服</a>
<i></i><a href="">商家入驻</a>
<i></i><a href="">营销中心</a>
<i></i><a href="">手机品优购</a>
<i></i><a href="">友情链接</a>
<i></i><a href="">销售联盟</a>
<i></i><a href="">品优购社区</a>
<i></i><a href="">品优购公益</a>
<i></i><a href=""> English Site</a>
<i></i><a href=""> Contact</a>
                </p>
                <p >
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn  <br>
                     京ICP备08001421号京公网安备110108007702
                </p>
           </div>
        </div> 
    </div>
    <!-- 尾部结束 -->
    <!-- 懒加载 -->
   <script src="./js/lazyload.js"></script>
</div>
</body>
</html>